<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=640,target-densitydpi=320, user-scalable=no/ ">
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/shopCar.js" type="text/javascript" charset="utf-8"></script>
		<title>结算</title>
		<style type="text/css">
			.checkbox {
				position: relative;
				display: inline-block;
				height: 50px;
				top: 15px;
				float: right;
			}
			
			.checkbox input {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				z-index: 5;
				opacity: 0;
				cursor: pointer;
			}
			
			.checkbox label {
				width: 90px;
				height: 42px;
				background: #ccc;
				position: relative;
				display: inline-block;
				border-radius: 46px;
				-webkit-transition: 0.4s;
				transition: 0.4s;
			}
			
			.checkbox label:after {
				content: '';
				position: absolute;
				width: 50px;
				height: 50px;
				border-radius: 100%;
				left: 0;
				top: -5px;
				z-index: 2;
				background: #fff;
				box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
				-webkit-transition: 0.4s;
				transition: 0.4s;
			}
			
			.checkbox input:checked+label {
				background: red;
			}
			
			.checkbox input:hover+label:after {
				box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 3px 8px 0 rgba(0, 0, 0, 0.15);
			}
			
			.checkbox input:checked+label:after {
				left: 40px;
			}
			
			.checkbox input:checked+label:after {
				background: #4285F4;
			}
		</style>
	</head>

	<body>
		<div class="header bgd_color">
			<div class="left h_lf">

			</div>
			<div class="left h_center">
				购物车2
			</div>
			<div class="left h_rg">

			</div>
		</div>
		<div class="container submit_order_container bgd_color_gray">
			<div class="shopping_adr_wrap pad_lr26 overflow_hide f_size24 f_color_gray0 bgd_color_white border_bot2">
				<div class="left line_height110">
					<img src="images/adrress_icon.png" />
				</div>
				<div class="left pad_lr15">
					<div class="f_size24">
						<span>gengzhenpei</span>
						<span>手机号151222222</span>
					</div>
					<div class="f_size24">
						<span>天津市</span>
						<span>南开区天拖南</span>
					</div>
				</div>
				<div class="rig_arrow right height110 position_rel">
					<div class="arrow f_color_0">
					</div>
				</div>
			</div>
			<div class="pad_lr26 overflow_hide f_size24 f_color_gray0 bgd_color_white border_bot2">
				<div class="left line_height62">
					已订购商品
				</div>
				<div class="js_edite_btn right line_height62 pad_lr10">
					编辑
				</div>
			</div>

			<div class="good_li_wrap bgd_color_white">
				<div class="border_bot1 overflow_hide padding_tb30">
					<div class="left pad_lr15">
						<img class="pic_h_w114" src="images/goods_pic.jpg" />
					</div>
					<div class="left product_descript_wrap f_size22">
						<div class="product_descript">
							玻璃钢水杯
						</div>
						<div class="product_size f_color_gray0">
							1ml
						</div>
						<div class="product_price f_color_gray0">
							￥800.00
						</div>
						<div class="product_num f_color_gray0">
							&times;1
						</div>
					</div>
					<div class="left product_edite_wrap f_size22">
						<div class="product_edite_inner_wrap">
							<div class="product_num_editer">
								<span class="reduce_nums">&minus;</span>
								<input type="" name="" id="" value="" />
								<span class="add_nums">+</span>
							</div>
							<div class="product_size f_color_gray0">
								1ml
							</div>
							<div class="product_price f_color_gray0">
								￥800.00
							</div>
							<div class="product_num f_color_gray0">
								<img src="images/delete_icon.png" />
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--买家留言-->
			<div class="line_height80 padding_lr26 bgd_color_white">
				<div class="border_bot1 f_size24 liuyan">
					<label for="">买家留言：</label><input type="text" placeholder="选填" />
				</div>
			</div>
			<div class="line_height80 padding_lr26 bgd_color_white">
				<div class="border_bot1 f_size24 liuyan">
					<label for="">线下支付</label>
					<div class="checkbox">
						<input type="checkbox" />
						<label></label>
					</div>
				</div>
			</div>
			<div class="line_height80 padding_lr26 bgd_color_white">
				<div class="border_bot1 f_size24 liuyan">
					<label for="">使用店铺奖励券</label>
					<div class="checkbox">
						<input type="checkbox" />
						<label></label>
					</div>
				</div>
			</div>
			<div class="settle_money_wrap f_size26">
				<div class="left ">
					订单总额：
				</div>
				<div class="left f_color_main">
					￥2500.00
				</div>
				<div class="right settle_money_btn bgd_color">
					提交订单
				</div>
			</div>
		</div>
		<div class="modal_wrap f_size24 ">
			<p class="f_color_main padding_tb10">请输入店铺抵用券金额</p>
			<input type="text" /><br />
			<button class="f_color_main">确定</button>
		</div>

	</body>

</html>